<template>
  <div id="search_container">
		<input placeholder="搜索…" v-model="search" />
        <router-link :to="`/goods/list/${search}?type=search`" id="search">搜索</router-link>
	</div>
</template>
<script>
export default {
  name: 'Search',
  data(){
      return {
          search: ''
      }
  }
}
</script>
<style lang="less" scoped>
#search_container{
		background: #fff;
		padding: .1rem;
		text-align: center;
		position: fixed;
		top:0;
		left: 0;
		width: 100%;
		z-index: 5;
		input{
			background-image: url(../../assets/img/home/s.png);
			background-repeat: no-repeat;
			background-position: .2rem;
			background-size: .4rem;
			text-indent: .5rem;
			width: 84%;
			height: .8rem;
			border-radius: 6px;
			border: none;
			font-size: .32rem;
			padding: .06rem .33rem;
			vertical-align: middle;
			background-color: #f5f5f5;
			display: inline-block;
        }
       #search{
            display: inline-block;
            font-size: .4rem;
            margin-left: .27rem;
            vertical-align: middle;
            color: #5c5c5c;
        }
	}
</style>


